<!DOCTYPE html>
<html lang="zh-cmn-Hans">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<title>行业解决方案</title>
		<link rel="stylesheet" type="text/css" href="./public/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="./public/css/base.css">
		<!-- 商城css -->
		<link rel="stylesheet" type="text/css" href="./public/css/shop.css">
		<link rel="stylesheet" href="https://at.alicdn.com/t/c/font_4460298_7fapox589pa.css">
		<script src="./public/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="./public/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="app">
			<!-- 导航 -->
			<div class="nav">
				<nav class="navbar navbar-expand-lg navbar-light bg-white border-bottom fixed-top" style="padding: 10px 0;">
					<div class="container-fluid container">
						<div class="container-left d-flex">
							<a href="./index.html">
								<img src="./public/images/supply/icon.png" class="logo-img">
							</a>
							<a href="./shop.html">数智员工商城</a>
							<a href="./solution.html">行业解决方案</a>
							<a href="./about.html">关于我们</a>
						</div>
						<div class="container-right d-flex align-items-center">
							<a href="">买家中心</a>
							<a href="">服务商中心</a>
							<div class="login-btn">登录</div>
							<div class="register-btn">注册</div>
						</div>
					</div>
				</nav>
			</div>

			<!-- banner -->
			<div class="search col">
				<p class="p1 container">行业解决方案</p>
				<p class="p2 container">丰富的行业场景方案，满足各类自动化需求</p>
			</div>

			<div class="container p20">
				<!-- 列表 -->
				<div class="list">
					<!-- 循环 开始 循环数：8 -->
					<div class="list-item solution">
						<a href="./solutiondetail.html">
							<img src="public/images/img.png" class="solutionlogo" alt="...">
							<p class="shoptitle">多银行流水合并自动化多银行流水合并自动化</p>
							<p class="shopsub">
								业务场景多存在于财务部门拥有多家网银Ukey钥匙，需进行大量的切换网银系统并进行银行回单的下载工作。业务场景多存在于财务部门拥有多家网银Ukey钥匙，需进行大量的切换网银系统并进行银行回单的下载工作。</p>
						</a>
					</div>
					<!-- 循环 结束 -->
				</div>

				<!-- 分页 -->
				<div class="page">
					<div class="page-item">
						<span>共 890 条</span>
						<ul>
							<li class="iconfont icon-ERP_xiangzuojiantou"></li>
							<li class="act num">1</li>
							<li class="num">2</li>
							<li class="num">3</li>
							<li class="num">...</li>
							<li class="num">19</li>
							<li class="iconfont icon-ERP_xiangyoujiantou"></li>
						</ul>
						<div class="pagego">跳至<input type="text">页</div>
					</div>
				</div>

				<!-- 数据为空 -->
				<div class="empty container">
					<img src="public/images/empty-new.png" alt="...">
					<div>
						<p class="p1">暂无行业动态～</p>
					</div>
				</div>

			</div>
			<!-- 底部 -->
			<footer class="f">
				<div class="container">
					<div class="foot">
						<div class="footleft">
							<p class="logo-img-foot"><img src="./public/images/supply/icon.png">企智云</p>
							<div>
								<p class="p1">联系我们</p>
								<p class="p2">技术支持：ywjk@hongkingsystem.cn</p>
								<p class="p2">赛事咨询：competition@pkucxpl.com</p>
								<p class="p3">© 2023 中国计算机学会-计算经济学专业组 CCF-TCCE</p>
							</div>
						</div>
						<div class="footright">
							<div class="block">
								<p class="title">导航</p>
								<div>
									<a href="">博金量化模型挑战赛</a>
									<a href="">博金大模型挑战赛</a>
									<a href="">只能税收挑战赛</a>
								</div>
							</div>
							<div class="block">
								<p class="title">主题赛事</p>
								<div>
									<a href="">比赛动态</a>
									<a href="">比赛社区</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</footer>

		</div>

		<script>
			$(function() {
				$('.item-names p').click(function() {
					$(this).siblings('p').removeClass('act')
					$(this).addClass('act')
				})
				
				// 上页
				$(".page-item .icon-ERP_xiangzuojiantou").click(function() {
					let prev = $(this).siblings('.act')
					if(prev.prev('li').attr('class').indexOf('num')>-1) {
						prev.removeClass('act').prev('li.num').addClass('act')
					}
				})
				
				// 下页
				$(".page-item .icon-ERP_xiangyoujiantou").click(function() {
					let next = $(this).siblings('.act')
					if(next.next('li').attr('class').indexOf('num')>-1) {
						next.removeClass('act').next('li.num').addClass('act')
					}
				})
				
				// 当前页面
				$(".page-item li.num").click(function() {
					$('.page-item ul li').removeClass('act')
					$(this).addClass('act')
				})
				
				// 跳转分页
				$(".pagego input").blur(function() {
					let page = $(this).val()
					if(page) {
						$('.page-item ul li').each(function(index, element) {
						    var value = $(this).text();
						    console.log(value); 
								if(value==page) {
									$('.page-item ul li').removeClass('act')
									$(this).addClass('act')
								}
						});
					}
				})
				
			})
		</script>
	</body>
</html>